@charset "utf-8";

/* CSS Document */

button,
input,
textarea,
select {
    outline: none;
    background: none;
    border: none;
    font-family: "微软雅黑";
    box-shadow: none;
    -webkit-appearance: none;
    border-radius: 0;
}

a,
*:before,
*:after {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


/* *{
	transition:all 0s \9 !important;
} */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.iconfont:before {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.center_box {
    width: 1200px;
    margin: 0 auto;
}

.center_box1300 {
    width: 1300px;
    margin: 0 auto;
}

.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    font-size: 0;
    display: block;
    visibility: hidden;
    *zoom: 1;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pd_150 {
    padding: 150px;
}

.pd_tb150 {
    padding: 150px 0;
}

.pd_t150 {
    padding-top: 150px;
}

.pd_b150 {
    padding-bottom: 150px;
}

.pd_120 {
    padding: 120px;
}

.pd_tb120 {
    padding: 120px 0;
}

.pd_t120 {
    padding-top: 120px;
}

.pd_b120 {
    padding-bottom: 120px;
}

.pd_100 {
    padding: 100px;
}

.pd_tb100 {
    padding: 100px 0;
}

.pd_t100 {
    padding-top: 100px;
}

.pd_b100 {
    padding-bottom: 100px;
}

.pd_80 {
    padding: 80px;
}

.pd_tb80 {
    padding: 80px 0;
}

.pd_t80 {
    padding-top: 80px;
}

.pd_b80 {
    padding-bottom: 80px;
}

.pd_60 {
    padding: 60px;
}

.pd_tb60 {
    padding: 60px 0;
}

.pd_t60 {
    padding-top: 60px;
}

.pd_b60 {
    padding-bottom: 60px;
}

.pd_50 {
    padding: 50px;
}

.pd_tb50 {
    padding: 50px 0;
}

.pd_t50 {
    padding-top: 50px;
}

.pd_b50 {
    padding-bottom: 50px;
}

.pd_40 {
    padding: 40px;
}

.pd_tb40 {
    padding: 40px 0;
}

.pd_t40 {
    padding-top: 40px;
}

.pd_b40 {
    padding-bottom: 40px;
}

.pd_30 {
    padding: 30px;
}

.pd_tb30 {
    padding: 30px 0;
}

.pd_t30 {
    padding-top: 30px;
}

.pd_b30 {
    padding-bottom: 30px;
}

.pd_20 {
    padding: 20px;
}

.pd_tb20 {
    padding: 20px 0;
}

.pd_t20 {
    padding-top: 20px;
}

.pd_b20 {
    padding-bottom: 20px;
}

.pd_15 {
    padding: 15px;
}

.pd_tb15 {
    padding: 15px 0;
}

.pd_t15 {
    padding-top: 15px;
}

.pd_b15 {
    padding-bottom: 15px;
}

.pd_10 {
    padding: 10px;
}

.pd_tb10 {
    padding: 10px 0;
}

.pd_t10 {
    padding-top: 10px;
}

.pd_b10 {
    padding-bottom: 10px;
}

.pd_tb100 {
    padding: 100px 0;
}

.mg_t150 {
    margin-top: 150px;
}

.mg_b150 {
    margin-bottom: 150px;
}

.mg_t100 {
    margin-top: 100px;
}

.mg_b100 {
    margin-bottom: 100px;
}

.mg_tb80 {
    margin: 80px 0;
}

.mg_t80 {
    margin-top: 80px;
}

.mg_b80 {
    margin-bottom: 80px;
}

.mg_tb70 {
    margin: 70px 0;
}

.mg_t70 {
    margin-top: 70px;
}

.mg_b70 {
    margin-bottom: 70px;
}

.mg_tb60 {
    margin: 60px 0;
}

.mg_t60 {
    margin-top: 60px;
}

.mg_b60 {
    margin-bottom: 60px;
}

.mg_tb50 {
    margin: 50px 0;
}

.mg_t50 {
    margin-top: 50px;
}

.mg_b50 {
    margin-bottom: 50px;
}

.mg_tb40 {
    margin: 40px 0;
}

.mg_t40 {
    margin-top: 40px;
}

.mg_b40 {
    margin-bottom: 40px;
}

.mg_tb30 {
    margin: 30px 0;
}

.mg_t30 {
    margin-top: 30px;
}

.mg_b30 {
    margin-bottom: 30px;
}

.mg_tb20 {
    margin: 20px 0;
}

.mg_t20 {
    margin-top: 20px;
}

.mg_b20 {
    margin-bottom: 20px;
}

.mg_tb15 {
    margin: 15px 0;
}

.mg_t15 {
    margin-top: 15px;
}

.mg_b15 {
    margin-bottom: 15px;
}

.mg_tb10 {
    margin: 10px 0;
}

.mg_t10 {
    margin-top: 10px;
}

.mg_b10 {
    margin-bottom: 10px;
}


/* *{
	font-family:"微软雅黑";
} */

body {
    font-size: medium !important;
    font-family: 'PingFang SC', 'Microsoft Yahei', 'Source Han Sans', SimSun, 'Noto Sans CJK SC', 'Noto Sans CJK', source-han-sans-simplified-c, sans-serif;
    font-family: '微软雅黑';
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    background: #f7f7f7;
    font-size: 0;
    overflow-x: hidden;
}

@font-face {
    font-family: gunplay;
    src: url(../font/Gunplay.ttf);
}

@font-face {
    font-family: menk;
    src: url(../font/MGQ8101.ttf);
}

@font-face {
    font-family: twcen;
    src: url(../font/TwCenMT.ttf);
}

@font-face {
    font-family: geo;
    src: url(../font/tt0663m.ttf);
}

@font-face {
    font-family: frank;
    src: url(../font/FRADMCN.TTF)
}

@font-face {
    font-family: geno;
    src: url(../font/Genome-Thin.otf);
}

@font-face {
    font-family: geor;
    src: url(../font/georgiab.ttf);
}

@font-face {
    font-family: swis;
    src: url(../font/tt0173m.ttf);
}

@font-face {
    font-family: impact;
    src: url(../font/impact.ttf);
}

@font-face {
    font-family: nexa;
    src: url(../font/NexaBold.otf);
}

@font-face {
    font-family: arialn;
    src: url(../font/ARIALN.TTF);
}

.flex_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.clamp_txt {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
}

.align_center {
    text-align: center;
}

.align_left {
    text-align: left;
}

.align_right {
    text-align: right;
}

.align_justify {
    text-align: justify;
    text-align-last: left;
}

:root {
    --curColor: #00c2ec;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~首页~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* header */

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9809;
    background: rgba(0, 0, 0, .5);
    transition: all .8s;
}

header.scr nav ul>li>a,
header.header_box2 nav ul>li>a {
    height: 4vw;
}

.header_con .header_r li .iconfont_jiantou {
    display: none;
}

header.scr .header_con .logo img,
header.header_box2 .header_con .logo img {
    height: 2.8vw;
}

header .header_con {
    width: 80%;
    min-width: 1200px;
    margin: 0 auto;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

header .header_con .logo img {
    display: block;
    height: 4.2vw;
    max-height: 80px;
    transition: all .35s;
}

header .header_r {
    position: relative;
}

nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

nav ul>li {
    position: relative;
    margin: 0 1.5vw;
}

nav ul>li>a {
    font-size: 18px;
    color: #fff;
    display: block;
    position: relative;
    font-family: arialn;
    text-transform: uppercase;
    height: 5.2vw;
    min-width: 80px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

nav ul>li>a span {
    width: 100%;
    position: relative;
    display: block;
    cursor: pointer;
}

nav ul>li>a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: #fff;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    opacity: 0;
}

nav ul>li.active a span {
    font-weight: bold;
}

nav ul>li.active>a:before {
    opacity: 1;
    width: 100%;
}


/* 二级导航 */

nav ul>li .subnav li a {
    display: block;
    padding: 10px 0;
    text-align: center;
    font-size: 15px;
    color: #666;
    text-transform: capitalize;
    font-family: arialn;
}

nav ul>li .subnav {
    background: #fff;
    border-top: solid 2px var(--curColor);
    position: absolute;
    width: 160px;
    left: 50%;
    margin-left: -80px;
    top: 100%;
    -webkit-transform: perspective(300px) scaleY(0) translateZ(30px);
    transform: perspective(300px) scaleY(0) translateZ(30px);
    visibility: hidden;
    opacity: 0;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05);
    -webkit-transform-origin: top;
    transform-origin: top;
    visibility: hidden;
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
}


/* banner */

.m_banner {
    height: 0;
    overflow: hidden;
}

.banner_box {
    position: relative;
}

.banner_box .swiper-slide a {
    display: block;
    position: relative;
    width: 100%;
    max-height: 100vh;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.banner_box .swiper-slide a>img {
    display: block;
    width: 100%;
    min-height: 100%;
}

.banner_box .swiper-slide a .banner_txt {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 5;
    width: 1200px;
    height: 100%;
    color: #fff;
    padding: 5vw 0;
    margin-left: -600px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.banner_box .swiper-slide a .banner_txt img {
    display: block;
    max-height: 80%;
    max-width: 80%;
}

.xin-pagination.swiper-pagination {
    bottom: 30px;
}

.xin-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 2px;
    background: #fff;
    border-radius: 0;
    opacity: .5;
}

.xin-pagination .swiper-pagination-bullet-active {
    background: var(--curColor);
    opacity: 1;
}

.banner_box .swiper-button-white {
    width: 60px;
    height: 60px;
    border: solid 1px #fff;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .35s, color .35s;
}

.banner_box .swiper-button-prev {
    left: 3vw;
}

.banner_box .swiper-button-next {
    right: 3vw;
}

.banner_box .swiper-button-white:after {
    font-size: 30px;
    transition: all 0s;
}

.banner_box .banner_mouse {
    position: absolute;
    color: #fff;
    bottom: 8vh;
    left: 50%;
    margin-left: -25px;
    z-index: 85;
    display: block;
    width: 50px;
    text-align: center;
    cursor: pointer;
    display: none;
}

.banner_box .banner_mouse img {
    display: inline-block;
    width: 46px;
    -webkit-animation: start 2s infinite ease-in-out;
    -moz-animation: start 2s infinite ease-in-out;
    -o-animation: start 2s infinite ease-in-out;
    animation: start 2s infinite ease-in-out;
}

@-webkit-keyframes start {
    0%,
    30% {
        opacity: 0;
        -webkit-transform: translate(0, -20px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, 20px);
    }
}

@-moz-keyframes start {
    0%,
    30% {
        opacity: 0;
        -moz-transform: translate(0, -20px);
    }
    60% {
        opacity: 1;
        -moz-transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        -moz-transform: translate(0, 20px);
    }
}

@-o-keyframes start {
    0%,
    30% {
        opacity: 0;
        -o-transform: translate(0, -20px);
    }
    60% {
        opacity: 1;
        -o-transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        -o-transform: translate(0, 20px);
    }
}

@keyframes start {
    0%,
    30% {
        opacity: 0;
        transform: translate(0, -20px);
    }
    60% {
        opacity: 1;
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(0, 20px);
    }
}

.swiper-mpg {
    display: none;
}

.swiper_pn .swiper-button-prev,
.swiper_pn .swiper-button-next {
    position: static;
    margin-top: 0;
    opacity: 1;
    width: 40px;
    height: 40px;
    border: solid 2px #D1BA71;
    border-radius: 50%;
    color: #D1BA71;
}

.swiper_pn .swiper-button-prev:after,
.swiper_pn .swiper-button-next:after {
    font-size: 20px;
    color: inherit;
}

.swiper_pn .swiper-button-prev {
    margin-right: 10px;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper_pn .swiper-button-prev:not(.swiper-button-disabled):hover,
.swiper_pn .swiper-button-next:not(.swiper-button-disabled):hover {
    background: var(--curColor);
    color: #fff;
}


/* 数字递增 */

.num_box {
    background: #fff;
}

.num_box ul li {
    width: 25%;
    color: #333;
    text-align: center;
}

.num_box ul li+li {
    border-left: solid 1px #e5e5e5;
    text-align: center;
}

.num_box ul li>span {
    display: block;
}

.num_box ul li>span em {
    font-size: 40px;
    font-weight: bold;
}

.num_box ul li>span i {
    font-size: 16px;
    font-weight: bold;
}

.num_box ul li .num_w {
    font-size: 16px;
}

.home_tit {
    text-align: center;
}

.home_tit h2 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    position: relative;
    z-index: 5;
    transform-origin: left top;
    transition: transform .6s cubic-bezier(.215, .61, .355, 1);
    /* -webkit-animation:homeH2 .6s .3s cubic-bezier(.215, .61, .355, 1);
	animation:homeH2 .6s .3s cubic-bezier(.215, .61, .355, 1); */
    -webkit-animation-name: homeH2;
    animation-name: homeH2;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.home_tit .home_h2 {
    overflow: hidden;
}

.home_tit .home_sub {
    margin-top: -34px;
    opacity: .2;
}

.home_tit .home_sub span {
    display: block;
    text-transform: uppercase;
    font-size: 36px;
    font-family: arial;
    font-weight: bold;
    color: var(--curColor);
    transform-origin: left top;
    transition: transform .6s cubic-bezier(.215, .61, .355, 1);
    -webkit-animation-name: homeH2;
    animation-name: homeH2;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

@keyframes homeH2 {
    0% {
        transform: translateY(125%) skewY(12deg);
        opacity: 0;
    }
    100% {
        transform: translateY(0%) skewY(0deg);
        opacity: 1;
    }
}

.home_tit .home_line {
    width: 60px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    -webkit-justify-content: center;
    justify-content: center;
}

.home_tit .home_line i {
    height: 100%;
    width: 100%;
    background: var(--curColor);
    -webkit-animation-name: homeLine;
    animation-name: homeLine;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

@keyframes homeLine {
    0% {
        width: 0;
    }
    100% {
        width: 100%
    }
    ;
}

.home_tit.white_tit h2 {
    color: #fff;
}

.home_tit.white_tit .home_line i {
    background: #fff;
}


/* 产品中心 */

.pro_box .gallery-top .pro_item {
    overflow: hidden;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.pro_box .gallery-top .pro_item .pro_img {
    width: 55%;
    overflow: hidden;
    height: 495px;
}

.pro_box .gallery-top .pro_item .pro_img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .8s;
}

.pro_box .gallery-top .pro_item .pro_txt {
    width: 38.33%;
    color: #333;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    position: relative;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.pro_box .gallery-top .pro_item .pro_txt .pro_top,
.pro_box .gallery-top .pro_item .pro_txt .pro_btn {
    position: relative;
    z-index: 3;
}

.pro_box .gallery-top .pro_item .pro_txt .pro_tit {
    font-size: 24px;
    color: var(--curColor);
    border-color: #ccc;
}

.pro_box .gallery-top .pro_item .pro_txt .pro_exp {
    font-size: 14px;
}

.pro_box .gallery-top .pro_item .pro_txt .pro_en {
    display: block;
    font-size: 24px;
    font-family: arial;
    font-weight: bold;
    line-height: 1.5;
}

.pro_box .gallery-top .pro_item .pro_txt .pro_line {
    display: block;
    background: #333;
    width: 40px;
    height: 2px;
}

.pro_box .gallery-top .pro_item .pro_txt .pro_letter {
    font-size: 300px;
    font-family: arial;
    text-transform: uppercase;
    color: #ccc;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
}

.pro_box .gallery-top .pro_item .pro_txt .pro_dot {
    position: absolute;
    transform: translate(100px, 100px);
    opacity: 0;
    transition: all .6s;
}

.pro_box .gallery-top .pro_item .pro_txt .pro_dot1 {
    width: 30px;
    height: 30px;
    background: #e1e1e1;
    right: 70px;
    bottom: 75px;
    transition-delay: .5s;
}

.pro_box .gallery-top .pro_item .pro_txt .pro_dot2 {
    width: 60px;
    height: 60px;
    background: #ace7f4;
    right: 0;
    bottom: 30px;
    transition-delay: .8s;
}

.pro_box .gallery-top .swiper-slide-active .pro_item .pro_txt .pro_dot {
    transform: translate(0, 0);
    opacity: 1;
}

.pro_box .pro_tabs .gallery-thumbs {
    width: 950px;
}
.pro_box .pro_swiper2 .pro_tabs .gallery-thumbs{
	width:100%;
}

.pro_box .pro_tabs .pro_more {
    width: 200px;
}

.pro_box .pro_tabs .pro_item {
    display: block;
    color: #333;
    font-size: 0;
    text-align: center;
    cursor: pointer;
}

.pro_box .pro_tabs .pro_item .pro_tit {
    position: relative;
}

.pro_box .pro_tabs .pro_item .pro_tit>h3,
.pro_box .pro_tabs .pro_item .pro_tit>span {
    display: block;
    position: relative;
    z-index: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_box .pro_tabs .pro_item .pro_tit>h3 {
    font-size: 18px;
}

.pro_box .pro_tabs .pro_item .pro_tit>span {
    color: #666;
    font-size: 14px;
    font-family: arial;
    margin-top: 4px;
}

.pro_box .pro_tabs .pro_item .pro_tit>i {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 48px;
    color: #ccc;
    opacity: .3;
    font-weight: bold;
    transition: color .35s;
}

.pro_box .pro_tabs .pro_item .pro_dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #ccc;
    margin-top: 12px;
    transition: background-color .35s;
}

.pro_box .pro_tabs .pro_item .pro_line {
    display: block;
    height: 1px;
    background: #ccc;
    margin-top: 10px;
    position: relative;
}

.pro_box .pro_tabs .pro_item .pro_line:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    background: var(--curColor);
    left: 0;
    top: 0;
    transition: width .6s;
}

.pro_box .pro_tabs .swiper-slide-thumb-active .pro_item .pro_tit>h3 {
    font-weight: bold;
}

.pro_box .pro_tabs .swiper-slide-thumb-active .pro_item .pro_tit>i {
    color: var(--curColor);
}

.pro_box .pro_tabs .swiper-slide-thumb-active .pro_item .pro_dot {
    background: var(--curColor);
}

.pro_box .pro_tabs .swiper-slide-thumb-active .pro_item .pro_line:before {
    width: 100%;
}

.pro_box .swiper-button-white,
.pro_box .swiper-pagination {
    display: none;
}

.pro_box .pro_swiper2{
	position:relative;
}
.pro_box .pro_swiper2 .pro_ops{
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	position:absolute;
	top:-20px;
	right:0;
	background:#f7f7f7;
	padding:0 15px;
	z-index:9;
}
.pro_box .pro_swiper2 .swiper-button-white,
.pro_box .pro_swiper2 .swiper-pagination{
	display:block;
	position:static;
	margin-top:0;
}
.pro_box .swiper-pagination{
	font-size:14px;
	color:#ccc;
	font-family:arial;
	font-weight:bold;
	padding:0 15px;
}
.pro_box .swiper-pagination *{
	font-weight:inherit;
}
.pro_box .swiper-pagination .on{
	font-size:36px;
}
.pro_box .swiper-button-white{
	color:#999;
	transition:color .35s;
	line-height:44px;
}
.pro_box .swiper-button-white:after{
	font-size:26px;
}
.pro_box .swiper-button-white:hover{
	color:var(--curColor);
}

/* 列表翻页 */
.list_pages .pagination{
	font-size:0;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.list_pages .pagination li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 6px 10px;
}
.list_pages .pagination li a{
	display:block;
	font-size:16px;
	color:#666;
	width:36px;
	height:36px;
	text-align:center;
	line-height:34px;
	overflow:hidden;
	background:#eee;
	border-radius:4px;
}
.list_pages .pagination li.pg_prev a,
.list_pages .pagination li.pg_next a{
	background:#eee !important;
	color:#666;
	width:auto;
	padding:0 25px;
}
.list_pages .pagination li.active a{
	background:var(--curColor);
	border-color:var(--curColor);
	color:#fff;
}
.list_pages .pagination li.active a:hover{
	color:#fff !important;
}
.list_pages .pagination li:not(.disabled) a:hover{
	color:var(--curColor);
	border-color:var(--curColor);
}
.list_pages .pagination li.pg_prev:not(.disabled) a:hover,
.list_pages .pagination li.pg_next:not(.disabled) a:hover{
	color:var(--curColor);
}




/* 更多按钮 */

.xin_btn {
    display: inline-block;
    border: solid 1px #ccc;
    border-radius: 3px;
    font-family: arial;
}

.xin_btn {
    transition: border-color 0.35s, background-color 0.35s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
}

.xin_btn span,
.xin_btn:after {
    padding: 10px 30px;
    line-height: normal;
    transition: transform 0.35s, opacity 0.35s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.xin_btn span {
    display: block;
    vertical-align: middle;
}

.xin_btn:after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    color: var(--curColor);
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
}

.xin_btn.white_btn {
    color: #fff;
    border-color: #fff;
}


/* 视觉差 */

.move_box {
    position: relative;
    overflow: hidden;
}

.move_box .move_bg {
    position: absolute;
    width: 1920px;
    left: 50%;
    top: 20%;
    margin-left: -960px;
    margin-top: -600px;
    z-index: -1;
}

.move_box .move_bg img {
    display: block;
    width: 100%;
}


/* 关于信步 */

.abo_box .center_box {
    background: rgba(255, 255, 255, .8);
}

.abo_box .center_box1300 {
    background: rgba(255, 255, 255, .8);
}

.abo_box .abo_l {
    width: 500px;
    color: #333;
}

.abo_box .home_tit {
    text-align: left;
}

.abo_box .home_tit .home_line {
    margin-left: 0;
    margin-right: 0;
}

.abo_box .abo_l .abo_tit {
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 1px #ccc;
}

.abo_box .abo_l .abo_w {
    font-size: 14px;
}

.abo_box .abo_swiper {
    width: 520px;
    position: relative;
}

.abo_box .abo_swiper .swiper-container {
    z-index: 3;
}

.abo_box .abo_swiper .abo_img {
    display: block;
    overflow: hidden;
    height: 375px;
}

.abo_box .abo_swiper .abo_img img {
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1.1, 1.1);
}

.abo_box .abo_swiper .swiper-slide-active .abo_img img {
    transform: scale(1, 1);
    transition: 3s;
}

.abo_box .abo_swiper .xin-pagination {
    bottom: -5px;
    left: auto;
    right: 0;
    text-align: right;
    width: 100%;
    padding-right: 10px;
}

.abo_box .abo_swiper .xin-pagination .swiper-pagination-bullet {
    background: #000;
    margin-left: 10px;
}

.abo_box .abo_swiper .xin-pagination .swiper-pagination-bullet-active {
    background: var(--curColor);
}

.abo_box .abo_swiper .abo_dot {
    position: absolute;
    width: 200px;
    height: 200px;
    background: var(--curColor);
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.abo_box .abo_swiper .abo_dot1 {
    top: 0;
    right: 0;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.abo_box .abo_swiper .abo_dot2 {
    bottom: 0;
    left: 0;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


/* 工程案例 */

.case_box .case_con ul {
    overflow: hidden;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.case_box .case_con ul li {
    float: left;
    width: 20%;
}

.case_box .case_con ul li a {
    display: block;
    position: relative;
    color: #fff;
    overflow: hidden;
}

.case_box .case_con ul li a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    z-index: 2;
    transition: all .35s;
    display:none;
}

.case_box .case_con ul li a .case_img {
    display: block;
    overflow: hidden;
    height: calc((100vw - 17px) / 5 * 256 / 384);
}

.case_box .case_con ul li a .case_img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .8s;
}

.case_box .case_con ul li a .case_tit,
.case_box .case_con ul li a .xin-add {
    position: absolute;
    z-index: 3;
}

.case_box .case_con ul li a .case_tit {
    font-size: 16px;
    font-weight: bold;
    top: 15px;
    left: 15px;
    right: 15px;
}

.case_box .case_con ul li a .xin-add {
    bottom: 20px;
    right: 20px;
    transform: translateY(150px);
}

.xin-add {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: var(--curColor);
    position: relative;
}

.xin-add:before {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    opacity: 0;
    border: solid 1px var(--curColor);
    box-shadow: 0px 0px 8px var(--curColor);
}

.xin-add .iconfont {
    font-size: 20px;
    position: relative;
    z-index: 5;
}


/* 服务支持 */

.ser_box .ser_con ul {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.ser_box .ser_con ul li {
    width: 200px;
}

.ser_box .ser_con ul li a {
    display: block;
    text-align: center;
    color: #333;
}

.ser_box .ser_con ul li a>span {
    display: inline-block;
    width: 209px;
    height: 209px;
    position: relative;
}

.ser_box .ser_con ul li a>span img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
}

.ser_box .ser_con ul li a>span:after {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    border: solid 1px #fff;
    border-radius: 50%;
    pointer-events: none;
}

.ser_box .ser_con ul li a h3 {
    font-size: 18px;
}

.ser_box .ser_con ul li a:hover>span:after {
    border: solid 1px #00c2ec;
    transform: translateZ(0px) scale(1);
    -webkit-transform: translateZ(0px) scale(1);
    pointer-events: none;
    opacity: 0;
    transition: transform 1.2ms, opacity 1.5ms;
    -webkit-transition: -webkit-transform 1.2ms, opacity 1.5ms;
    animation: splashred2 1.8s infinite;
    -webkit-animation: splashred2 1.8s infinite;
}

.ser_box .ser_con ul li a>span .xin-add {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* 合作客户 */

.spd_box {
    background: url(../img/spd_bg.png);
}

.spd_box .spd_con {
    position: relative;
}

.spd_box .spd_con .spd_img {
    display: block;
}

.spd_box .spd_con .spd_img img {
    display: block;
    width: 100%;
}

.spd_box .spd_con .spd_img img:nth-child(2) {
    display: none;
}

.spd_box .spd_con .spd_mark li {
    position: absolute;
    margin: -4px 0 0 -4px;
}

.spd_box .spd_con .spd_mark li .spd_cir {
    display: block;
    width: 8px;
    height: 8px;
    background: var(--curColor);
    border-radius: 50%;
    position: relative;
}

.spd_box .spd_con .spd_mark li .spd_cir:before,
.spd_box .spd_con .spd_mark li .spd_cir:after {
    content: "";
    margin: 0;
    padding: 0;
    background: none;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    opacity: 0;
    border: solid 1px var(--curColor);
    box-shadow: 0px 0px 8px var(--curColor);
}

.spd_box .spd_con .spd_mark li .spd_cir:before {
    width: 10px;
    height: 10px;
    margin-left: -5px;
    margin-top: -5px;
}

.spd_box .spd_con .spd_mark li .spd_cir:after {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
}

.spd_box .spd_con .spd_mark li.spd_state1 .spd_cir:before {
    animation: myfirst 1s linear 0s infinite normal;
}

.spd_box .spd_con .spd_mark li.spd_state1 .spd_cir:after {
    animation: myfirst 2s linear 0s infinite normal;
}

.spd_box .spd_con .spd_mark li.spd_state2 .spd_cir:before {
    animation: myfirst 3s linear 0s infinite normal;
}

.spd_box .spd_con .spd_mark li.spd_state2 .spd_cir:after {
    animation: myfirst 4s linear 0s infinite normal;
}

@keyframes myfirst {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.0);
        opacity: 1.0;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.spd_box .spd_con .spd_mark li .spd_name {
    font-size: 12px;
    font-family: "微软雅黑";
    color: #333;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 5px);
    z-index: 9;
}

.spd_box .spd_con .spd_mark li.spd_zg {
    left: 35.25%;
    top: 41.09%;
}

.spd_box .spd_con .spd_mark li.spd_rb {
    left: 43.08%;
    top: 40.78%;
}

.spd_box .spd_con .spd_mark li.spd_els {
    left: 30.8333%;
    top: 24.21875%;
}

.spd_box .spd_con .spd_mark li.spd_cx {
    left: 39.41666%;
    top: 37.5%;
}

.spd_box .spd_con .spd_mark li.spd_tg {
    left: 32.5%;
    top: 52.96875%;
}

.spd_box .spd_con .spd_mark li.spd_yn {
    left: 34.8333%;
    top: 56.875%;
}

.spd_box .spd_con .spd_mark li.spd_xjp {
    left: 33%;
    top: 61.09375%;
}

.spd_box .spd_con .spd_mark li.spd_flb {
    left: 39.0833%;
    top: 58.75%;
}

.spd_box .spd_con .spd_mark li.spd_adly {
    left: 42.58333%;
    top: 75.3125%;
}

.spd_box .spd_con .spd_mark li.spd_xxl {
    left: 53.16666%;
    top: 86.875%;
}

.spd_box .spd_con .spd_mark li.spd_mg {
    left: 74.75%;
    top: 40.625%;
}

.spd_box .spd_con .spd_mark li.spd_bnm {
    left: 81.0833%;
    top: 57.1875%;
}

.spd_box .spd_con .spd_mark li.spd_glby {
    left: 84%;
    top: 62.96875%;
}

.spd_box .spd_con .spd_mark li.spd_bx {
    left: 87.5%;
    top: 68%;
}

.spd_box .spd_con .spd_mark li.spd_agt {
    left: 86%;
    top: 84.375%;
}

.spd_box .spd_con .spd_mark li.spd_fl {
    left: 11.666%;
    top: 21.09375%;
}

.spd_box .spd_con .spd_mark li.spd_fg {
    left: 4.666%;
    top: 35.9375%;
}

.spd_box .spd_con .spd_mark li.spd_dg {
    left: 7.5%;
    top: 32.65625%;
}

.spd_box .spd_con .spd_mark li.spd_ael {
    left: 1.6666%;
    top: 31.40625%;
}

.spd_box .spd_con .spd_mark li.spd_yg {
    left: 2.75%;
    top: 26.71875%;
}

.spd_box .spd_con .spd_mark li.spd_rs {
    left: 8.75%;
    top: 36.5625%;
}

.spd_box .spd_con .spd_mark li.spd_ysl {
    left: 15.1666%;
    top: 46.40625%;
}

.spd_box .spd_con .spd_mark li.spd_st {
    left: 16.91666%;
    top: 48.59375%;
}

.spd_box .spd_con .spd_mark li.spd_db {
    left: 19.91666%;
    top: 50%;
}

.spd_box .spd_con .spd_mark li.spd_lbn {
    left: 16%;
    top: 43.75%;
}

.spd_box .spd_con .spd_mark li.spd_teq {
    left: 13.25%;
    top: 41.71875%;
}

.spd_box .spd_con .spd_mark li.spd_hl {
    left: 5.167%;
    top: 30.15625%;
}

.spd_box .spd_con .spd_mark li.spd_lmny {
    left: 11%;
    top: 37.5%;
}

.spd_box .spd_con .spd_mark li.spd_wkl {
    left: 15.08333%;
    top: 36%;
}

.spd_box .spd_con .spd_mark li.spd_jn {
    left: 3.1666%;
    top: 60.625%;
}

.spd_box .spd_con .spd_mark li.spd_mlw {
    left: 14.41666%;
    top: 72.03125%;
}

.spd_box .spd_con .spd_mark li.spd_mdjsj {
    left: 17.666%;
    top: 76.5625%;
}

.spd_box .spd_swiper {
    position: relative;
    padding: 0 80px;
    z-index: 5;
    width: 87%;
    margin: -20px auto 0;
}

.spd_box .spd_swiper .swiper-container {
    padding: 30px 10px;
}

.spd_box .spd_swiper .swiper-slide {
    width: calc(((100vw - 17px) * .87 - 160px - 150px) / 5);
    margin-right: 30px;
}

.spd_box .spd_swiper .spd_ss {
    height: 100px;
    background: #fff;
    border-radius: 3px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    color: #333;
    transition: all .35s;
}

.spd_box .spd_swiper .spd_ss p {
    max-width: 90%;
    max-height: 90%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.spd_box .spd_swiper .spd_ss img {
    display: block;
    max-width: 62%;
    max-height: 62%;
}

.spd_box .spd_swiper .swiper-button-white {
    color: #999;
}

.spd_box .spd_swiper .swiper-button-white:after {
    font-size: 30px;
}

.spd_box .spd_swiper .swiper-button-prev {
    left: 30px;
}

.spd_box .spd_swiper .swiper-button-next {
    right: 30px;
}

.spd_box .spd_swiper .swiper-pagination {
    display: none;
}


/* 页脚 */

footer {
    background: url(../img/footer_bg.jpg) repeat-y center top;
    background-size: 100%;
}

footer,
footer a {
    color: #fff;
}

.footer_top {
    border-bottom: solid 1px #838383;
}

.footer_top .center_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
}

.footer_top .footer_logo {
    float: left;
}

.footer_top .footer_logo img {
    display: block;
    max-width: 236px;
}

.footer_top .footer_tc {
    overflow: hidden;
}

.footer_top .footer_nav {
    float: left;
    padding: 0 60px;
    margin-right: 60px;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

.footer_top .footer_nav ul li+li {
    margin-top: 8px;
}

.footer_top .footer_nav ul li a {
    font-size: 14px;
    display: block;
}

.footer_top .footer_info {
    float: left;
    font-size: 14px;
}

.footer_top .footer_info .footer_con ul li {
    overflow: hidden;
    margin-top: 8px;
}

.footer_top .footer_info .footer_con ul li .footer_name {
    float: left;
}

.footer_top .footer_info .footer_con ul li .footer_w {
    float: left;
    max-width: 250px;
}

.footer_top .footer_qr {
    float: right;
    text-align: center;
}

.footer_top .footer_qr span {
    display: inline-block;
    width: 120px;
    height: 120px;
}

.footer_top .footer_qr span img {
    display: block;
    width: 100%;
    height: 100%;
}

.footer_bot .footer_cpr {
    text-align: center;
    font-size: 12px;
}

.footer_bot .footer_cpr>* {
    padding: 0 8px;
}


/* 侧边客服 */

.fix_bar {
    position: fixed;
    z-index: 98299;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
    font-family: arial;
}

.fix_bar.isOpen {
    right: 10px;
}

.fix_bar ul li {
    position: relative;
}

.fix_bar ul li+li {
    margin-top: 2px;
}

.fix_bar ul li .fix_ss {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 70px;
    height: 70px;
    color: #fff;
    background: rgba(0, 0, 0, .3);
    position: relative;
    z-index: 3;
    cursor: pointer;
    transition: all .35s;
}

.fix_bar ul li:nth-of-type(1) .fix_ss {
    border-radius: 10px 10px 0 0;
}

.fix_bar ul li:nth-last-of-type(1) .fix_ss {
    border-radius: 0 0 10px 10px;
}

.fix_bar ul li .fix_ss .iconfont {
    font-size: 28px;
}

.fix_bar ul li .fix_ss p {
    font-size: 12px;
    margin-top: 3px;
}

.fix_bar ul li .fix_wrap {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all .5s;
}

.fix_bar ul li .fix_wrap:before {
    content: "";
    position: absolute;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-left: solid 10px #fff;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
}

.fix_bar ul li .fix_wrap .fix_name {
    font-size: 14px;
    color: #333;
    display: block;
}

.fix_bar ul li .fix_wrap .fix_w {
    font-size: 16px;
    color: red;
    font-weight: bold;
    margin-top: 2px;
}

.fix_bar ul li:hover .fix_ss {
    background: var(--curColor);
}

.fix_bar ul li:hover .fix_wrap {
    transform: translate(calc(-100% - 22px), -50%);
    opacity: 1;
    pointer-events: auto;
}

/* 常规文字 */
.article_w{
    font-size:16px;
    color:#333;
    line-height:1.75;
}
.article_w img{
    max-width:100% !important;
    height:auto !important;
}
.article_w strong{
    font-weight:bold;
}
.article_w *:not(strong){
    font-weight:inherit;
}
.article_w table{
    border-collapse: collapse;
    border:solid 1px #e5e5e5;
    width:100%;
}
.article_w table td{
    border:solid 1px #e5e5e5;
    padding:10px;
}


/* 公司介绍页面 */

.n_banner {
    width: 100%;
    display: inline-block;
    position: relative;
}

.n_banner img {
    width: 100%;
    vertical-align: bottom;
}

.n_banner .n_banner1 {
    width: 360px;
    height: 180px;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top: 300px;
    left: 360px;
    padding: 10px 10px 10px 10px;
}

.n_banner .n_banner1 .n_banner2 {
    width: 100%;
    border: 1px dashed #fff;
    padding: 38px 0px 38px;
}

.n_banner .n_banner1 .n_banner2 p:nth-child(1) {
    text-align: center;
    font-size: 38px;
    font-weight: normal;
    line-height: 38px;
    color: #ffffff;
    position: relative;
}

.n_banner .n_banner1 .n_banner2 p:nth-child(1):after {
    width: 30px;
    height: 2px;
    background: #00c2ec;
    content: "";
    position: absolute;
    top: 20px;
    left: 40px;
}

.n_banner .n_banner1 .n_banner2 p:nth-child(2) {
    text-align: center;
    margin-top: 25px;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #ffffff;
}


/* 二级导航 */

.n_banner .n_navbar {
    width: 1200px;
    background: #fff;
    position: absolute;
    bottom: -30px;
    left: 18.75%;
    z-index: 998;
}

.n_banner .n_navbar .n_navbar1 {
    width: 100%;
    height: 60px;
    display: inline-block;
    text-align: center;
}

.n_banner .n_navbar .n_navbar1 .n_navbar2 {
    width: 89.83%;
    margin: 0 auto;
}

.n_banner .n_navbar .n_navbar1 ul li {
    text-align: center;
    width: 33.33%;
    float: left;
    position: relative;
}

.n_banner .n_navbar .n_navbar1 ul li.active a {
    font-size: 18px;
    font-weight: 700;
    line-height: 60px;
    color: #00C2EC;
}

.n_banner .n_navbar .n_navbar1 ul li::after {
    width: 1px;
    height: 40px;
    background: #e5e5e5;
    position: absolute;
    content: "";
    top: 10px;
    left: 100%;
}

.n_banner .n_navbar .n_navbar1 ul li:nth-child(3) {
    border: none;
}

.n_banner .n_navbar .n_navbar1 a {
    font-size: 18px;
    font-weight: normal;
    line-height: 60px;
    color: #333333;
    display: inline-block;
}

.n_banner .n_navbar .n_navbar1 ul li a:hover {
    font-size: 18px;
    font-weight: 700;
    color: #00C2EC;
}


/* 公司介绍部分 */

.n_about {
    width: 100%;
    background: #F7F7F7;
    padding: 110px 0px 60px 0px;
}

.n_about .n_about1 {
    width: 100%;
    display: inline-block;
}

.n_about .n_about1 .pic {
    width: 50%;
    float: left;
    overflow: hidden;
}

.n_about .n_about1 .pic img {
    width: 100%;
    transition: .8s;
}

.n_about .n_about1 .pic:hover img {
    transform: scale(1.1);
}

.n_about .n_about1 .txt {
    width: 45.91%;
    float: right;
}

.n_about .n_about1 .txt p:nth-child(1) {
    margin-top: 16px;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    color: #333333;
    position: relative;
}

.n_about .n_about1 .txt>p:nth-child(1)::after {
    width: 60px;
    height: 2px;
    background: #00c2ec;
    content: "";
    position: absolute;
    top: 14px;
    left: -75px;
}

.n_about .n_about1 .txt p:nth-child(2) {
    margin-top: 19px;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    color: #00c2ec;
}

.n_about .n_about1 .txt .txt1 {
    margin-top: 28px;
    width: 100%;
}

.n_about .n_about1 .txt .txt1 p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
}

.n_about .n_about2 {
    margin-top: 50px;
    width: 100%;
    display: inline-block;
}

.n_about .n_about2 ul li {
    width: 24.8%;
    float: left;
    border-left: 1px #efefef solid;
    height: 150px;
    text-align: center;
}

.n_about .n_about2 ul li b {
    width: 1px;
    height: 10px;
    background: #00c2ec;
    display: block;
    top: 10px;
    position: relative;
}

.n_about .n_about2 ul li span {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #00c2ec;
    display: inline-block;
}

.n_about .n_about2 ul li p {
    font-size: 16px;
    font-weight: normal;
    line-height: 48px;
    color: #333333;
}


/* 公司价值观 */

.jiazhi {
    width: 100%;
    background: url(../img/n_about2.jpg) no-repeat center center;
    padding: 80px 0px 217px 0px;
    position: relative;
}

.n_title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    color: #ffffff;
    position: relative;
}

.jiazhi .txt {
    margin-top: 29px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    color: #ffffff;
}

.jiazhi .linian {
    width: 1200px;
    background: #fff;
    padding: 40px 0px 30px 0px;
    display: inline-block;
    position: absolute;
    bottom: -150px;
    left:50%;
	margin-left:-600px;
    z-index: 99;
}

.jiazhi .linian .lk {
    width: 100%;
    display: inline-block;
}

.jiazhi .linian .lk .item .item2 {
    width: 33.33%;
    float: left;
    text-align: center;
    border-left: 1px solid #e5e5e5;
    padding: 0px 40px 0px;
    position: relative;
    overflow: hidden;
}

.jiazhi .linian .lk .item .item2 p:nth-child(2) {
    margin-top: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #333333;
}

.jiazhi .linian .lk .item .item2 p:nth-child(3) {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.jiazhi .linian .lk .item .item2 .item1 {
    width: 100%;
    height: 100%;
    float: left;
    background: #fff;
    text-align: center;
    padding: 0px 26px 0px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.jiazhi .linian .lk .item .item2 .item1 p:nth-child(1) {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    position: relative;
}

.jiazhi .linian .lk .item .item2 .item1 p:nth-child(1)::after {
    width: 60px;
    height: 2px;
    background: #00c2ec;
    content: "";
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -30px;
}

.jiazhi .linian .lk .item .item2 .item1 p:nth-child(2) {
    text-align: left;
    margin-top: 40px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.jiazhi .linian .lk .item .item2:hover .item1 {
    display: block;
}


/* 发展历程板块 */

.fazhan {
    width: 100%;
    background: #F7F7F7 url(../img/n_about7.png)no-repeat center bottom;
    padding: 229px 0px 246px;
    display: inline-block;
    position: relative;
}

.n_title1 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    color: #333333;
    position: relative;
}

.n_title1::after {
    width: 60px;
    height: 2px;
    background: #00c2ec;
    position: absolute;
    content: "";
    top: 50px;
    left: 47.43%;
}

.fazhan .swiper {
    margin-top: 50px;
    width: 100%;
    display: inline-block;
}

.fazhan .swiper .swiper-slide {
    width: 25%;
    padding: 36px 30px 23px 30px;
    position: relative;
}

.fazhan .swiper .swiper-slide::after {
    width: 300px;
    height: 230px;
    content: "";
    position: absolute;
    top: -31px;
    left: 0;
    display: none;
}

.fazhan .swiper .swiper-slide p:nth-child(1) {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
    position: relative;
}

.fazhan .swiper .swiper-slide p:nth-child(1)::before {
    width: 6px;
    height: 6px;
    background: url(../img/n_aboutdian.jpg) no-repeat center center;
    border-radius: 100%;
    content: "";
    position: absolute;
    top: 32px;
    left: 49.16%;
    z-index: 999;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.fazhan .swiper .swiper-slide p:nth-child(1)::after {
    display: none;
    width: 8px;
    height: 8px;
    background: url(../img/n_aboutdian1.jpg)no-repeat center center;
    content: "";
    position: absolute;
    top: 32px;
    left: 49.16%;
    z-index: 999;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.fazhan .swiper .swiper-slide p:nth-child(2) {
    margin-top: 70px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
}

.fazhan .t {
    width: 100%;
    height: 2px;
    background-color: #e5e5e5;
    position: absolute;
    bottom: 407px;
    left: 0;
    z-index: 0;
}

.fazhan .swiper .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    padding: 10px 10px 10px 10px;
}

.fazhan .swiper .swiper-slide:hover {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.fazhan .swiper .swiper-slide:hover::after {
    display: block;
}

.fazhan .swiper .swiper-slide:hover p:nth-child(1)::after {
    display: block;
}

.fazhan .swiper .swiper-slide:hover p:nth-child(1)::before {
    display: none;
}

.fazhan .swiper .swiper-slide:hover p:nth-child(1) {
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    color: #00c2ec;
    background: none;
}

.fazhan .swiper-button-prev:after,
.fazhan .swiper-container-rtl .swiper-button-next:after {
    content: '';
    width: 16px;
    height: 30px;
    background: url(../img/n_about8.png) no-repeat center center;
    position: absolute;
    bottom: 17px;
    left: 290px;
    z-index: 999;
}

.fazhan .swiper-button-next:after,
.fazhan .swiper .swiper-container-rtl .swiper-button-prev:after {
    content: '';
    width: 16px;
    height: 30px;
    background: url(../img/n_about9.png) no-repeat center center;
    position: absolute;
    bottom: 17px;
    right: 290px;
    z-index: 999;
}

@media screen and (min-width:1200px) and (max-width:1600px){
	.fazhan .swiper-button-prev:after,
	.fazhan .swiper-container-rtl .swiper-button-next:after{
		left:0;
	}
	.fazhan .swiper-button-next:after,
	.fazhan .swiper .swiper-container-rtl .swiper-button-prev:after {
		right:0;
	}
}


/* 荣誉页面部分 */

.n_rongyu {
    width: 100%;
    background: #f7f7f7;
    padding: 110px 0px 80px;
    display: inline-block;
}

.n_rongyu .n_swiper {
    margin-top: 60px;
    width: 100%;
    position: relative;
}

.n_rongyu .swiper-container .swiper-wrapper .swiper-slide {
    overflow: hidden;
}

.n_rongyu .swiper-container .swiper-wrapper .swiper-slide img {
    display:block;
    width: 100%;
    height:100%;
    transition: all 2.2s;
}

.n_rongyu .swiper-container .swiper-wrapper .swiper-slide:hover img {
    transform: scale(1.4);
}

.n_rongyu .n_swiper>.swiper-pagination-bullets {
    text-align: center;
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%
}

.n_rongyu .n_swiper .swiper-container-horizontal>.swiper-pagination-bullets,
.n_rongyu .n_swiper .swiper-pagination-custom,
.n_rongyu .n_swiper .swiper-pagination-fraction {
    position: relative;
    bottom: 0px;
    left: 0;
    width: 100%
}

.n_rongyu .n_swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 0%;
    background: #000;
    opacity: 1.0;
    display: inline-block;
    margin-left: 10px;
    background: #ccc;
}

.n_rongyu .n_swiper .swiper-pagination-bullet-active {
    border-radius: 0%;
    opacity: 1.0;
    background: #00c2ec;
}

.n_rongyu1 {
    width: 100%;
    background: url(../img/n_rongyu4.jpg) no-repeat center center;
    padding: 90px 0px 90px;
}

.n_rongyu1 .n_title::after {
    width: 60px;
    height: 2px;
    background: #00c2ec;
    position: absolute;
    content: "";
    top: 50px;
    left: 47.43%;
}

.n_rongyu1 .list {
    width: 100%;
    margin-top: 90px;
}

.n_rongyu1 .list .rk {
    width: 100%;
    display: inline-block;
}

.n_rongyu1 .list .rk .item {
    margin-left: -8.34%;
}

.n_rongyu1 .list .rk .item .item1 {
    width: 200px;
    height: 200px;
    /* width: 16.66%; */
    float: left;
    border-radius: 100%;
    border: 2px solid #ffffff;
    margin-left: 9.34%;
    position: relative;
}

.n_rongyu1 .list .rk .item .item1 .txt {
    width: 152px;
    height: 152px;
    border-radius: 100%;
    background: none;
    padding: 25% 0 25% 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -76px;
    margin-top: -76px;
}

.n_rongyu1 .list .rk .item .item1 .txt p:nth-child(1) {
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: #fff;
}

.n_rongyu1 .list .rk .item .item1 .txt p:nth-child(1)>i {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #fff;
}

.n_rongyu1 .list .rk .item .item1 .txt p:nth-child(2) {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #fff;
}

.n_rongyu1 .list .rk .item .item1:hover .txt {
    background: rgba(255, 255, 255, .8);
    -moz-animation: mymove 2s infinite;
    /* Firefox */
    -webkit-animation: mymove 2s infinite;
    /* Safari and Chrome */
    -o-animation: mymove 2s infinite;
    /* Opera */
}

.n_rongyu1 .list .rk .item .item1:hover .txt p:nth-child(1),
.n_rongyu1 .list .rk .item .item1:hover .txt p:nth-child(1)>i,
.n_rongyu1 .list .rk .item .item1:hover .txt p:nth-child(2) {
    color: #333333;
}

@keyframes mymove {
    from {
        width: 152px;
        height: 152px;
        opacity: .8
    }
    to {
        width: 200px;
        height: 200px;
        opacity: .8;
        margin-left: -100px;
        margin-top: -100px;
    }
}

@-webkit-keyframes mymove
/* Safari and Chrome */

{
    from {
        width: 152px;
        height: 152px;
        opacity: .8
    }
    to {
        width: 200px;
        height: 200px;
        opacity: .8;
        margin-left: -100px;
        margin-top: -100px;
    }
}

.n_rongyu2 {
    width: 100%;
    background: #f7f7f7;
    padding: 100px 0px 0px;
    display: inline-block;
}

.n_rongyu2 img {
    width: 100%;
}

.n_rongyu2 .container {
    margin: 150px auto;
    width: 1000px;
}

.n_rongyu2 .poster-main {
    width: 1000px;
    height: 500px;
    position: relative;
    margin: 0 auto;
}

.n_rongyu2 .poster-main a,
.n_rongyu2 .poster-main img {
    display: block;
}

.n_rongyu2 .poster-main .poster-list {
    width: 1000px;
    height: 500px;
}

.n_rongyu2 .poster-main .poster-list .poster-item {
    width: 200px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
}

.n_rongyu2 .poster-main .poster-btn {
    position: absolute;
    top: 0;
    z-index: 10;
    cursor: pointer;
}

.n_rongyu2 .poster-main .poster-prev-btn {
    left: 0;
    background: url(../img/left.png) no-repeat center center;
}

.n_rongyu2 .poster-main .poster-next-btn {
    right: 0;
    background: url(../img/right.png) no-repeat center center;
}

.n_rongyu2 .txt {
    margin-top: 60px;
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    color: #333333;
    padding: 0px 0px 60px 0px;
}

.n_rongyu2 .swiper1 .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 200px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition-property: all;
}

.n_rongyu2 .n_rongyu3 {
    display: none;
}

#progressEffect {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px;
}


/* 合作客户页面 */

.hezuo {
    width: 100%;
    background: url(../img/n_hezuobeijing.jpg) no-repeat center top;
    padding: 0px 0px 0px 0px;
    display: inline-block;
}

.hezuo .he1 {
    width: 100%;
    display: inline-block;
}

.hezuo .he1 .he1_l {
    width: 48.33%;
    float: left;
    padding: 150px 0px 0px 0px;
}

.hezuo .he1 .he1_l>p {
    font-size: 30px;
    font-weight: normal;
    color: #333333;
    position: relative;
}

.hezuo .he1 .he1_l>p::after {
    width: 100px;
    height: 2px;
    background: #00c2ec;
    position: absolute;
    bottom: 49px;
    left: 0;
    content: "";
}

.hezuo .he1 .txt {
    margin-top: 29px;
}

.hezuo .he1 .txt>p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
}

.hezuo .he1 .pic {
    width: 100%;
    margin-top: 29px;
    overflow: hidden;
}

.he2 {
    margin-top: 120px;
    width: 100%;
    padding: 0px 0px 80px 0px;
}

.he2 .hk {
    margin-top: 60px;
    width: 100%;
    display: inline-block;
}

.he2 p {
    font-size: 30px;
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    position: relative;
}

.he2 p::after {
    width: 60px;
    height: 2px;
    background: #00c2ec;
    position: absolute;
    content: "";
    top: 49px;
    left: 0;
}

.he2 .hk .item {
    margin-top: -20px;
    margin-left: -15px;
}

.he2 .hk .item .item1 {
    width: 23.75%;
    float: left;
    overflow: hidden;
    background:#fff;
    margin-top: 20px;
    margin-left: 15px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    height:150px;
}

.he2 .hk .item .item1 img {
    display:block;
    max-width:60%;
    max-height:60%;
    transition: all 0.6s;
}

.he2 .hk .item .item1:hover {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.he2 .hk .item .item1:hover img {
    transform: scale(1.1);
}


/* 产品分类页 */

.w {
    width: 73.95%;
    margin: 0 auto;
}

.n_pro {
    width: 100%;
    background: #fff;
    padding: 60px 0px 60px;
    display: inline-block;
}

.n_pro .pk {
    width: 100%;
    display: inline-block;
}

.n_pro .pk .item {
    margin-left: -1.41%;
    margin-top: -40px;
}

.n_pro .pk .item .item1 {
    width: 48.59%;
    float: left;
    margin-left: 1.41%;
    margin-top: 40px;
}

.n_pro .pk .item .item1 .pic {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.n_pro .pk .item .item1 .pic>a>img {
    width: 100%;
    transition: all 2.0s;
}

.n_pro .pk .item .item1 .pic .txt {
    width: 300px;
    height: 200px;
    background: #ffffff url(../img/chanpinlan.png) no-repeat right 7px bottom 7px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 999;
}

.n_pro .pk .item .item1 .pic .txt a {
    display: inline-block;
    padding: 30px 0px 0px 30px;
}

.n_pro .pk .item .item1 .pic .txt p:nth-child(1) {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #00c2ec;
}

.n_pro .pk .item .item1 .pic .txt p:nth-child(2) {
    margin-top: 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #666666;
}

.n_pro .pk .item .item1 .pic .txt p:nth-child(3) {
    margin-top: 40px;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    color: #666666;
    position: relative;
}

.n_pro .pk .item .item1 .pic .txt p:nth-child(2)::after {
    width: 30px;
    height: 1px;
    background: #00c2ec;
    position: absolute;
    content: "";
    bottom: 69px;
    left: 30px;
}

.n_pro .pk .item .item1 .pic .txt p:nth-child(2)::before {
    width: 60px;
    height: 60px;
    background: url(../img/chanpinbai.png) no-repeat center center;
    content: "";
    position: absolute;
    bottom: -14px;
    right: -12px;
    z-index: 9;
    display: none;
}

.n_pro .pk .item .item1 .pic .txt p:nth-child(3)::after {
    width: 60px;
    height: 60px;
    background: url(../img/chanpinsanjiao.png) no-repeat center center;
    content: "";
    position: absolute;
    bottom: -32px;
    right: -54px;
    display: none;
}

.n_pro .pk .item .item1:hover .pic>a>img {
    width: 100%;
    transform: scale(1.2);
}

.n_pro .pk .item .item1:hover .pic .txt p:nth-child(2)::before,
.n_pro .pk .item .item1:hover .pic .txt p:nth-child(3)::after {
    display: block;
}


/* 产品列表页 */

.n_navbar .n_navbar1 .swiper-container .swiper-wrapper .swiper-slide {
    padding: 0px 0px 0px 1px;
}

.n_navbar .n_navbar1 .swiper-container .swiper-wrapper .swiper-slide a {
    display: inline-block;
    padding: 0px 32px 0px;
    border-right: 1px solid #ccc;
}

.n_navbar .n_navbar1 .swiper-container {
    border-left: 1px solid #ccc;
}

.n_navbar .n_navbar1 .swiper-button-prev,
.n_navbar .n_navbar1 .swiper-container-rtl .swiper-button-next {
    width: 10px;
    height: 20px;
    left: 30px;
    top: 40px;
    background: url(../img/navleft.png)no-repeat center center;
}

.n_navbar .n_navbar1 .swiper-button-prev:after,
.n_navbar .n_navbar1 .swiper-container-rtl .swiper-button-next:after {
    content: ''
}

.n_navbar .n_navbar1 .swiper-button-next:after,
.n_navbar .n_navbar1 .swiper-container-rtl .swiper-button-prev:after {
    content: ''
}

.n_navbar .n_navbar1 .swiper-button-next,
.n_navbar .n_navbar1 .swiper-container-rtl .swiper-button-prev {
    width: 10px;
    height: 20px;
    right: 30px;
    top: 40px;
    background: url(../img/navright.png)no-repeat center center;
}

.n_prolist {
    width: 100%;
    background: #f7f7f7;
    padding: 60px 0px 60px;
    display: inline-block;
}

.n_prolist .prok {
    width: 100%;
    display: inline-block;
}

.n_prolist .prok .item {
    margin-top: -30px;
    margin-left: -10%;
}

.n_prolist .prok .item .item1 {
    width: 40%;
    float: left;
    position: relative;
    margin-top: 30px;
    margin-left: 10%;
}

.n_prolist .prok .item .item1 .pic {
    width: 100%;
    overflow: hidden;
}

.n_prolist .prok .item .item1 .pic>a>img {
    width: 100%;
    transition: all 2.0s;
}

.n_prolist .prok .item .item1 .txt {
    width: 300px;
    height: 200px;
    position: absolute;
    bottom: 30px;
    right: -100px;
    background: #fff url(../img/n_chanpinlist.png) no-repeat left top;
}

.n_prolist .prok .item .item1 .txt a {
    display: inline-block;
}

.n_prolist .prok .item .item1 .txt .tk {
    padding: 0px 0px 0px 30px;
    position: relative;
}

.n_prolist .prok .item .item1 .txt .tk::before {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    top: -53px;
    right: 8px;
    background: url(../img/chanpinlan.png) no-repeat center center;
}

.n_prolist .prok .item .item1 .txt .tk::after {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    top: -53px;
    right: 8px;
    background: url(../img/chanpinbai.png) no-repeat center center;
    display: none;
}

.n_prolist .prok .item .item1 .txt p:nth-child(1) {
    margin-top: 60px;
    position: relative;
}

.n_prolist .prok .item .item1 .txt p:nth-child(1) {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #333333;
}

.n_prolist .prok .item .item1 .txt p:nth-child(1)::after {
    width: 60px;
    height: 60px;
    position: absolute;
    content: "";
    top: -60px;
    right: 0px;
    background: url(../img/chanpinlistsanjiao.png) no-repeat center center;
    display: none;
}

.n_prolist .prok .item .item1 .txt p:nth-child(2) {
    margin-top: 37px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: relative;
}

.n_prolist .prok .item .item1 .txt p:nth-child(2)::after {
    width: 30px;
    height: 1px;
    background: #00c2ec;
    content: "";
    position: absolute;
    top: 51px;
    left: 0;
}

.n_prolist .prok .item .item1:hover .pic img {
    transform: scale(1.2);
}

.n_prolist .prok .item .item1:hover .txt .tk::after,
.n_prolist .prok .item .item1:hover .txt p:nth-child(1)::after {
    display: block;
}

.pagination {
    margin-top: 40px;
    text-align: center;
}




/* 产品详情页面 */

.n_proxq {
    width: 100%;
    padding: 34px 0px 80px;
    display: inline-block;
}

.crumbs {
    width: 100%;
}

.crumbs span:nth-child(1) {
    background: url(../img/n_fuwuxq3.png)no-repeat left center;
    padding-left: 26px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #666666;
}

.crumbs span >a {
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #666666;
}

.crumbs span:nth-child(3)>a {
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #666666;
}

.crumbs span:nth-child(4) {
    font-size: 14px;
    font-weight: normal;
    color: #00c2ec;
}

.crumbs span:last-child {
    font-size: 14px;
    font-weight: normal;
    color: #00c2ec;
}

.pro_p1 {
    margin-top: 30px;
    width: 100%;
    height: 560px;
    background: #fff url(../img/n_chanpinxq2.png) no-repeat right 30px bottom 50px;
    display: inline-block;
    padding: 30px;
}

.n_proxq .pro_p1 .pic {
    width: 41.66%;
    float: left;
    position: relative;
}

.n_proxq .pro_p1 .pic .swiper-container {
    height: 500px;
}

.n_proxq .pro_p1 .pic::after {
    width: 40px;
    height: 470px;
    background: url(../img/3_03.png )no-repeat center center;
    content: "";
    position: absolute;
    top: 0px;
    right: -40px;
    z-index: 98;
}

.n_proxq .pro_p1 .pic img {
    width:100%;
    height:100%;
}

.n_proxq .pro_p1 .pic .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    right: -40px;
    top:0;
    width:40px;
    height:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-flex-direction:column;
    flex-direction:column;
}

.n_proxq .pro_p1 .pic .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    background:#000;
    border-radius: 0%;
    opacity:.2;
    margin:5px 0;
}
.n_proxq .pro_p1 .pic .swiper-pagination-bullet-active{
    background:var(--curColor);
    opacity:1;
}

.n_proxq .pro_p1 .pic .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.n_proxq .pro_p1 .txt {
    width: 45.91%;
    float: right;
}

.n_proxq .pro_p1 .txt p:nth-child(1) {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    color: #333333;
    position: relative;
}

.n_proxq .pro_p1 .txt p:nth-child(1)::after {
    width: 60px;
    height: 2px;
    background: #00c2ec;
    content: "";
    position: absolute;
    top: 52px;
    left: 0;
}

.n_proxq .pro_p1 .txt p:nth-child(2) {
    margin-top: 50px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
    text-indent: 2em;
}

.n_proxq .pro_p1 .txt p:nth-child(3) {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
    text-indent: 2em;
}

.n_proxq .pro_p2 {
    margin-top: 30px;
    width: 100%;
    background: #fff;
    padding: 0px 0px 30px 0px;
    display: inline-block;
}

.n_proxq .pro_p2 img {
    max-width: 100%;
}

.m {
    width: 95%;
    margin: 0 auto;
}

.n_proxq .pro_p2 .title {
    width: 100%;
    background: url(../img/n_chanpinxiangqing5.png) no-repeat left center;
    padding: 30px 0 20px 20px;
    border-bottom: 1px solid #00c2ec;
}

.n_proxq .pro_p2 .section {
    width: 100%;
    margin-top: 20px;
}

.pro_p3 {
    margin-top: 20px;
    width: 100%;
    display: inline-block;
    font-size:0;
}

.pro_p3 a:nth-child(1) {
    background: #ffffff url(../img/proleft_03.png) no-repeat 30px center;
    padding: 11px 152px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #333333;
    display: inline-block;
}

.pro_p3 a:nth-child(2) {
    margin-left: 10px;
    padding: 11px 60px 11px 46px;
    background: #fff url(../img/n_chanpinxiangqing6.png) no-repeat right 10px center;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #333333;
}

.pro_p3 a:nth-child(3) {
    margin-left: 10px;
    background: #ffffff url(../img/proright_05.png) no-repeat right 30px center;
    padding: 11px 152px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #333333;
    display: inline-block;
}


/* 新闻列表页面 */

.n_news {
    width: 100%;
    padding: 90px 0px 80px;
    display: inline-block;
}

.n_news .nk {
    width: 100%;
    display: inline-block;
}

.n_news .nk .item {
    margin-top: -10px;
}

.n_news .nk .item .item1 {
    width: 100%;
    background: #fff;
    padding: 20px 40px 20px 20px;
    display: inline-block;
    margin-top: 10px;
}

.n_news .nk .item .item1 .pic {
    width: 25%;
    float: left;
    overflow: hidden;
}

.n_news .nk .item .item1 .pic a img {
    width: 100%;
    transition: all 2.2s;
}

.n_news .nk .item .item1:hover .txt .mok .n_more {
    margin-left: 10px;
}

.n_news .nk .item .item1:hover .pic a img {
    transform: scale(1.4);
}

.n_news .nk .item .item1 .txt {
    width: 70.66%;
    float: right;
}

.n_news .nk .item .item1 .txt p:nth-child(1) {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #333333;
}

.n_news .nk .item .item1 .txt p:nth-child(2) {
    margin-top: 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #666666;
}

.n_news .nk .item .item1 .txt p:nth-child(3) {
    margin-top: 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
}

.n_news .nk .item .item1 .txt .mok {
    margin-top: 45px;
    width: 100%;
    display: inline-block;
}

.n_news .nk .item .item1 .txt .mok .x {
    float: left;
    margin-top: 17px;
    width: 0%;
    transition: all 3s;
    height: 1px;
    background: #fff;
}

.n_news .nk .item .item1 .txt .mok .n_more {
    width: 130px;
    height: 36px;
    border-radius: 3px;
    float: left;
    border: solid 1px #eee;
    text-align: center;
}

.n_news .nk .item .item1 .txt .mok .n_more a,
.n_news .nk .item .item1 .txt .mok .n_more span{
    width: 100%;
    line-height: 36px;
    border-radius: 3px;
}

.n_news .nk .item .item1:hover {
    background: url(../img/xinwenbeijing.png) no-repeat center center;
}

.n_news .nk .item .item1:hover .txt p:nth-child(1),
.n_news .nk .item .item1:hover .txt p:nth-child(2),
.n_news .nk .item .item1:hover .txt p:nth-child(3) {
    color: #fff;
}

.n_news .nk .item .item1:hover .txt .mok .x,
.n_news .nk .item .item1:hover .txt .mok .n_more a,
.n_news .nk .item .item1:hover .txt .mok .n_more span{
    width: 80%;
    color: #fff;
}


/* 工程案例页面部分 */

.n_case {
    width: 100%;
    padding: 40px 0px 60px;
    display: inline-block;
}

.n_case .ck {
    margin-top: 50px;
    width: 100%;
    display: inline-block;
}

.n_case .ck .item {
    margin-top: -15px;
    margin-left: -10px;
    overflow:hidden;
}

.n_case .ck .item .item1 {
    width: 32.5%;
    float: left;
    margin-top: 15px;
    margin-left: 10px;
    overflow: hidden;
}

.n_case .ck .item .item1 .pic {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.n_case .ck .item .item1 .pic a{
    display:block;
    height:262px;
}

.n_case .ck .item .item1 .pic img {
    display:block;
    width: 100%;
    height:100%;
}

.n_case .ck .item .item1 .pic .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #ffffff;
    position: absolute;
    top: 20px;
    left: 20px;
}

.n_case .ck .item .item1 .pic .txt {
    width: 370px;
    height: 240px;
    background: #fff;
    padding: 10px;
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
}

.n_case .ck .item .item1 .pic .txt .txt1 {
    border: 1px dashed #00c2ec;
    padding: 30px 0px 15px 30px;
}

.n_case .ck .item .item1:hover .pic .txt {
    display: block;
}

.n_case .ck .item .item1 .pic .txt .txt1 p:nth-child(1) a {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #333333;
    position: relative;
}

.n_case .ck .item .item1 .pic .txt .txt1 p:nth-child(1) a::after {
    width: 50px;
    height: 2px;
    background: #00c2ec;
    position: absolute;
    content: "";
    top: 40px;
    left: 0;
}

.n_case .ck .item .item1 .pic .txt .txt1 p:nth-child(2) {
    margin-top: 50px;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #333333;
}

.n_case .ck .item .item1 .pic .txt .txt1 p:nth-child(3) {
    margin-top: 20px;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
}

.n_case .ck .item .item1 .pic .txt .txt1 p:nth-child(4) {
    margin-top: 20px;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
}


/* 服务支持页面 */

.n_fuwu {
    width: 100%;
    padding: 60px 0px 50px;
    display: inline-block;
}

.n_fuwu .fuwu1 {
    width: 100%;
    display: inline-block;
}

.n_fuwu .fuwu1 .pic {
    width: 50%;
    float: left;
    overflow: hidden;
}

.n_fuwu .fuwu1 .pic img {
    transition: all 2.2s;
}

.n_fuwu .fuwu1:hover .pic img {
    transform: scale(1.4);
}

.n_fuwu .fuwu1 .txt {
    width: 50%;
    float: right;
    background: #fff url(../img/n_fuwu0.png) no-repeat bottom 30px right 30px;
    padding: 50px 30px 120px 30px;
}

.n_fuwu .fuwu1 .txt p:nth-child(1) {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #333333;
}

.n_fuwu .fuwu1 .txt p:nth-child(2) {
    margin-top: 20px;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    color: #00c2ec;
}

.n_fuwu .fuwu1 .txt p:nth-child(3) {
    margin-top: 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.n_fuwu .fuwu2 {
    margin-top: 60px;
    width: 100%;
}

.n_fuwu .fuwu2 .fk {
    width: 100%;
    display: inline-block;
}

.n_fuwu .fuwu2 .fk .item {
    margin-top: -60px;
}

.n_fuwu .fuwu2 .fk .item .item1 {
    width: 100%;
    display: inline-block;
    margin-top: 60px;
}

.n_fuwu .fuwu2 .fk .item .item1 .pic {
    width: 50%;
    float: right;
    overflow: hidden;
}

.n_fuwu .fuwu2 .fk .item .item1 .pic img {
    width: 100%;
    transition: all 2.2s;
}

.n_fuwu .fuwu2 .fk .item .item1 .txt {
    width: 50%;
    float: left;
    background: #fff;
    padding: 90px 50px 90px 50px;
    position: relative;
}

.n_fuwu .fuwu2 .fk .item .item1 .txt::after {
    width: 60px;
    height: 2px;
    background: #00c2ec;
    content: "";
    position: absolute;
    top: 30px;
    right: -30px;
    transition: all 3s;
}

.n_fuwu .fuwu2 .fk .item .item1 .txt .num {
    font-family: ArialNarrow;
    font-size: 60px;
    font-weight: 700;
    line-height: 24px;
    color: #00c2ec;
    position: absolute;
    content: "03";
    top: -11px;
    right: 50px;
    transition: all 3s;
}

.n_fuwu .fuwu2 .fk .item .item1 .txt p:nth-child(2) {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #333333;
}

.n_fuwu .fuwu2 .fk .item .item1 .txt p:nth-child(3) {
    margin-top: 15px;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
}

.n_fuwu .fuwu2 .fk .item .item1 .txt p:nth-child(4) {
    background: url(../img/fuwudian.png) no-repeat left top 4px;
    padding-left: 15px;
    margin-top: 30px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #333333;
}

.n_fuwu .fuwu2 .fk .item .item1 .txt p:nth-child(5) {
    background: url(../img/fuwudian.png) no-repeat left center;
    padding-left: 15px;
    margin-top: 30px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #333333;
}

.n_fuwu .fuwu2 .fk .item .item1 .txt p:nth-child(6) {
    background: url(../img/fuwudian.png) no-repeat left top 4px;
    padding-left: 15px;
    margin-top: 30px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #333333;
}


/* 区分位置 */

.n_fuwu .fuwu2 .fk .item .item1:nth-child(2n) .pic {
    width: 50%;
    float: left;
}

.n_fuwu .fuwu2 .fk .item .item1:nth-child(2n) .txt {
    width: 50%;
    float: right;
}

.n_fuwu .fuwu2 .fk .item .item1:nth-child(2n) .txt::after {
    width: 60px;
    height: 2px;
    background: #00c2ec;
    content: "";
    position: absolute;
    top: 30px;
    left: -30px;
    transition: all 3s;
}

.n_fuwu .fuwu2 .fk .item .item1:nth-child(2n) .txt .num {
    font-family: ArialNarrow;
    font-size: 60px;
    font-weight: 700;
    line-height: 24px;
    color: #00c2ec;
    position: absolute;
    content: "03";
    top: -11px;
    left: 50px;
    transition: all 3s;
}

.n_fuwu .fuwu2 .fk .item .item1:nth-child(2n+1) .pic {
    width: 50%;
    float: right;
}

.n_fuwu .fuwu2 .fk .item .item1:nth-child(2n+1) .txt {
    width: 50%;
    float: left;
}

.n_fuwu .fuwu2 .fk .item .item1:nth-child(2n+1) .txt::after {
    width: 60px;
    height: 2px;
    background: #00c2ec;
    content: "";
    position: absolute;
    top: 30px;
    right: -30px;
    transition: all 3s;
}

.n_fuwu .fuwu2 .fk .item .item1:nth-child(2n+1) .txt .num {
    font-family: ArialNarrow;
    font-size: 60px;
    font-weight: 700;
    line-height: 24px;
    color: #00c2ec;
    position: absolute;
    content: "03";
    top: -11px;
    right: 50px;
    transition: all 3s;
}


/* 鼠标滑过 */

.n_fuwu .fuwu2 .fk .item .item1:hover .pic img {
    transform: scale(1.2);
}

.n_fuwu .fuwu2 .fk .item .item1:hover .txt::after {
    width: 300px;
}

.n_fuwu .fuwu2 .fk .item .item1:hover .txt .num {
    position: absolute;
    top: -11px;
    right: 250px;
}

.n_fuwu .fuwu2 .fk .item .item1:nth-child(1):hover .txt .num,
.n_fuwu .fuwu2 .fk .item .item1:nth-child(2n+1):hover .txt .num {
    position: absolute;
    top: -11px;
    right: 250px;
}

.n_fuwu .fuwu2 .fk .item .item1:nth-child(2n):hover .txt .num {
    position: absolute;
    top: -11px;
    left: 250px;
}

.n_fuwu .fuwu3 {
    margin-top: 60px;
    width: 100%;
    display: inline-block;
    position: relative;
}
.n_fuwu .fuwu3 .swiper-slide .item1 .pic a{
    display:block;
    width:100%;
    height:285px;
}
.n_fuwu .fuwu3 .swiper-slide .item1 .pic img{
    display:block;
    width:100%;
    height:100%;
}
.n_fuwu .fuwu3 .swiper-slide .item1 .txt {
    margin-top: 19px;
    text-align: center;
}

.n_fuwu .fuwu3 .swiper-slide .item1 .txt a {
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #333333;
}

.n_fuwu .fuwu3 .swiper-button-prev,
.n_fuwu .fuwu3 .swiper-container-rtl .swiper-button-next {
    left: -38px;
    right: auto
}

.n_fuwu .fuwu3 .swiper-button-prev:after,
.n_fuwu .fuwu3 .swiper-container-rtl .swiper-button-next:after {
    content: '';
    width: 16px;
    height: 30px;
    background: url(../img/n_about8.png) no-repeat center center;
    position: absolute;
    bottom: 17px;
    z-index: 999;
}

.n_fuwu .fuwu3 .swiper-button-next,
.n_fuwu .fuwu3 .swiper-container-rtl .swiper-button-prev {
    right: -38px;
    left: auto
}

.n_fuwu .fuwu3 .swiper-button-next:after,
.n_fuwu .fuwu3 .swiper-container-rtl .swiper-button-prev:after {
    content: '';
    width: 16px;
    height: 30px;
    background: url(../img/n_about9.png) no-repeat center center;
    position: absolute;
    bottom: 17px;
    z-index: 999;
}


/* 服务详情页面 */

.fuwuxq {
    width: 100%;
    padding: 35px 0px 80px 0px;
    display: inline-block;
}

.fuwuxq .section {
    margin-top: 30px;
    width: 100%;
    background: #fff;
    display: inline-block;
    padding: 30px 0px 50px 0px;
}

.fuwuxq .section .m .title {
    width: 100%;
    padding: 0px 0px 18px 0px;
    border-bottom: 1px solid #e5e5e5;
}

.fuwuxq .section .title p {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #333333;
}

.fuwuxq .section .title p:nth-child(2) {
    margin-top: 20px;
    text-align: center;
}

.fuwuxq .section .title p:nth-child(2) span {
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #666666;
}

.fuwuxq .section .title p:nth-child(2) span:nth-child(2) {
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #666666;
    margin-left: 50px;
}

.fuwuxq .section .txt {
    width: 100%;
    margin-top: 20px;
    font-family: MicrosoftYaHei;
}

.fuwuxq .section .txt img {
    max-width: 100%;
}


/* 联系我们页面 */

.n_contact {
    width: 100%;
    padding: 70px 0px 60px;
    background: #fff;
    display: inline-block;
}

.n_contact .n_con {
    width: 100%;
}

.n_contact .n_con .conk {
    margin-top: 70px;
    width: 100%;
    display: inline-block;
}

.n_contact .n_con .conk .item {
    margin-left: -7.91%;
}

.n_contact .n_con .conk .item .item1 {
    width: 16.16%;
    float: left;
    margin-left: 7.91%;
}

.n_contact .n_con .conk .item .item1 .txt {
    margin-top: 19px;
}

.n_contact .n_con .conk .item .item1 .txt p:nth-child(1) {
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    color: #333333;
}

.n_contact .n_con .conk .item .item1 .txt p:nth-child(2) {
    margin-top: 19px;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #333333;
}

.n_contact .n_con .conk .item .item2 {
    float: right;
    width: 19.16%;
    padding-left: 71px;
    border-left: 1px solid #ccc;
    position: relative;
}

.n_contact .n_con .conk .item .item2 .pic {
    width: 130px;
    height: 130px;
    border: solid 1px #00c2ec;
    padding: 2px;
}

.n_contact .n_con .conk .item .item2 .txt {
    width: 14px;
    height: 58px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #333333;
    position: absolute;
    left: 50px;
    top: 35px;
}

.n_contact .n_con .n_map {
    width: 100%;
    margin-top: 80px;
    height: 450px;
}

.n_con1 {
    width: 100%;
    background: url(../img/n_lianxi5.png) no-repeat center center;
    padding: 70px 0px 70px;
}

.n_con1 .n_lc {
    margin-top: 50px;
    width: 100%;
    position: relative;
}

.n_con1 .n_lc .lck {
    width: 100%;
    display: inline-block;
}

.n_con1 .n_lc .lck .item {
    margin-left: -6.4%;
}

.n_con1 .n_lc .lck .item .item1 {
    width: 10%;
    float: left;
    position: relative;
    margin-left: 6.4%;
}

.n_con1 .n_lc .lck .item .item1:nth-child(6) .icon {
    display: none;
}

.n_con1 .n_lc .lck .item .item1 .icon {
    width: 26px;
    height: 18px;
    background: url(../img/n_lianxi13.png) no-repeat center center;
    position: absolute;
    top: 51px;
    left: 150px;
}

.n_con1 .n_lc .lck .item .item1 .pic {
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.n_con1 .n_lc .lck .item .item1 .pic img {
    width: 100%;
    transition: all 0.6s;
}

.n_con1 .n_lc .lck .item .item1:hover .pic img {
    transform: scale(1.4);
}

.n_con1 .n_lc .lck .item .item1 .txt {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
}

.n_con1 .n_lc1 {
    width: 100%;
    margin-top: 70px;
}

.n_con1 .n_lc1 .lck {
    width: 100%;
    display: inline-block;
}

.n_con1 .n_lc1 .lck .item .item1 {
    width: 10%;
    float: left;
    position: relative;
    margin-left: 8.2%;
}

.n_con1 .n_lc1 .lck .item .item1:nth-child(5) .icon {
    display: none;
}

.n_con1 .n_lc1 .lck .item .item1 .icon {
    width: 26px;
    height: 18px;
    background: url(../img/n_lianxi13.png) no-repeat center center;
    position: absolute;
    top: 51px;
    left: 150px;
}

.n_con1 .n_lc1 .lck .item .item1 .pic {
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.n_con1 .n_lc1 .lck .item .item1 .pic img {
    max-width: 100%;
    transition: all 0.6s;
}

.n_con1 .n_lc1 .lck .item .item1:hover .pic img {
    transform: scale(1.4);
}

.n_con1 .n_lc1 .lck .item .item1 .txt {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
}

.n_con1 .n_lc::after {
    width: 973px;
    height: 42px;
    background: url(../img/n_liaxni12.png) no-repeat center center;
    content: "";
    position: absolute;
    top: 177px;
    right: 77px;
}

.n_ma {
    width: 100%;
    background: url(../img/n_lianxi20.jpg )no-repeat center center;
    padding: 32px 0px 20px;
}

.n_ma .n_matitle {
    text-align: right;
}

.n_ma .n_matitle p:nth-child(1) {
    font-size: 24px;
    font-weight: 700;
    color: #333333;
}

.n_ma .n_matitle p:nth-child(2) {
    margin-top: 15px;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
}

.n_ma .lyk {
    width: 100%;
    display: inline-block;
}

.n_ma .form {
    width: 37.5%;
    float: right;
}

.n_ma .form ul li input {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    padding: 10px 10px;
    border: 1px solid #e5e5e5;
    background: #fff;
}

.n_ma .form ul li input select {
    font-size: 14px;
    font-weight: normal;
    color: #666666;
}

.n_ma .form ul li textarea {
    width: 100%;
    height: 100px;
    margin-top: 10px;
    padding: 15px 10px;
    border: 1px solid #e5e5e5;
    background: #fff;
}

.n_ma .form .btn button {
    margin-top: 10px;
    width: 100%;
    height: 50px;
    background: #00c2ec;
    font-size: 16px;
    color: #fff;
    padding: 0px 192px;
    line-height: 50px;
    border: 0px;
    cursor: pointer;
}


/* 原先CSS */

@media screen and (min-width:1201px) {
    /* header */
    nav ul>li:hover>a:before {
        opacity: 1;
        width: 100%;
    }
    nav ul>li>a:hover {
        color: #fff;
    }
    nav ul>li>a span {
        position: relative;
        z-index: 10;
    }
    nav ul>li:hover .subnav {
        -webkit-transform: perspective(300px) scaleY(1) translateZ(0);
        transform: perspective(300px) scaleY(1) translateZ(0);
        visibility: visible;
        opacity: 1;
    }
    nav ul>li .subnav li a:hover {
        background: var(--curColor);
        color: #fff;
    }
    /* banner */
    .banner_box .swiper-slide a>img {
        transform-style: preserve-3d;
    }
    .banner_box .swiper-slide-active a>img {
        transform-style: preserve-3d;
        transform: scale(1.05);
        transition: 7s;
    }
    .banner_box:hover .swiper-button-white {
        opacity: 1;
    }
    .banner_box .swiper-button-white:hover {
        color: var(--curColor);
        border-color: var(--curColor);
    }
    /* 更多按钮 */
    .xin_btn:hover {
        border-color: var(--curColor) !important;
        background: rgba(0, 194, 236, .2) !important;
        color: var(--curColor) !important;
    }
    .xin_btn:hover span {
        opacity: 0;
        -webkit-transform: translate3d(0, -25%, 0) !important;
        transform: translate3d(0, -25%, 0) !important;
    }
    .xin_btn:hover:after {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
    /* 产品中心 */
    .pro_box .gallery-top .pro_item .pro_img:hover img {
        transform: scale(1.1);
    }
    .pro_box .pro_tabs .pro_more:hover .pro_tit>h3 {
        font-weight: bold;
    }
    .pro_box .pro_tabs .pro_more:hover .pro_tit>i {
        color: var(--curColor);
    }
    .pro_box .pro_tabs .pro_more:hover .pro_dot {
        background: var(--curColor);
    }
    .pro_box .pro_tabs .pro_more:hover .pro_line:before {
        width: 100%;
    }
    /* 工程案例 */
    .case_box .case_con ul li a:hover:before {
        transform: translateY(-50%);
        opacity: 0;
    }
    .case_box .case_con ul li a:hover .xin-add {
        transform: translateY(0);
        opacity: 1;
        transition: all .35s .15s;
    }
    .case_box .case_con ul li a:hover .case_img img {
        transform: scale(1.1);
    }
    .xin-add:hover:before {
        transform: translateZ(0px) scale(1);
        -webkit-transform: translateZ(0px) scale(1);
        pointer-events: none;
        opacity: 0;
        transition: transform 1.2ms, opacity 1.5ms;
        -webkit-transition: -webkit-transform 1.2ms, opacity 1.5ms;
        animation: splashred 1.8s infinite;
        -webkit-animation: splashred 1.8s infinite;
    }
    /* 服务支持 */
    .ser_box .ser_con ul li a:hover {
        color: var(--curColor);
    }
    .ser_box .ser_con ul li a>span .xin-add {
        transform: translate(-50%, 50px);
        opacity: 0;
        transition: all .5s;
    }
    .ser_box .ser_con ul li a:hover>span .xin-add {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
    /* 合作客户 */
    .spd_box .spd_swiper .spd_ss img {
        transition: all .35s;
    }
    .spd_box .spd_swiper .spd_ss:hover {
        transform: translateY(-10px);
        box-shadow: 0 0 10px rgba(0, 0, 0, .16);
        color: var(--curColor);
    }
    .spd_box .spd_swiper .swiper-button-white:hover {
        color: var(--curColor);
    }
    /* 页脚 */
    footer a:not(.footer_logo):hover {
        color: var(--curColor);
    }



    .n_rongyu .swiper-container .swiper-wrapper .swiper-slide{
        height:270px;
    }
    .pro_p3 a{
        overflow:hidden;
    }
    .pro_p3 a:nth-child(2){
        width:190px;
    }
    .pro_p3 a:nth-child(1),
    .pro_p3 a:nth-child(3){
        width:495px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .n_proxq .pro_p1 .pic img{
        height:475px;
    }

}

@media screen and (max-width:1200px){
    .n_case .ck .item .item1 .pic a{
        height:calc(45.5vw * 256 / 384);
    }
    .n_case .ck .item .item1 .pic .title{
        font-size:16px;
    }
    .n_proxq .pro_p1 .pic .swiper-pagination{
        right:0;
    }
    .n_proxq .pro_p1 .pic .swiper-pagination-bullet{
        background:#fff;
        opacity:1;
    }
    .n_proxq .pro_p1 .pic .swiper-pagination-bullet-active{
        background:var(--curColor);
    }


}